<template>
	<h2>CustomRef的使用</h2>
	<input type="text" v-model="keyword" />
</template>

<script lang="ts">
import { defineComponent, ref } from "vue"

// 自定义hook防抖的函数
// value传入的数据，将来数据类型不确定，所以用泛型，delay防抖的间隔时间，默认为200毫秒
function useDebouncedRef<T>(value: T, delay = 200) {}

export default defineComponent({
	name: "App",
	setup(props) {
		// const keyword = ref("abc")
		const keyword = useDebouncedRef("abc", 500)
		return {
			keyword
		}
	}
})
</script>

<style></style>
